<?php /* Template Name: Employment */ ?>
<?php get_header(); ?>
<div class="row">
    <div class="col-md-12">
        <div class="page-header"><?php echo _trans('employment_form.title.employment'); ?></div>
    </div>
    <div class="clearfix"></div>
</div>
<div class="row">
    <div class="col-md-12">
        <form role="form" action="<?php echo admin_url('admin-ajax.php'); ?>?action=uploadcv" method="POST" id="frm-private-employment" class="col-md-6" enctype="multipart/form-data">
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.name');
                $message = _trans('employment_form.validate.name', array($label, 30));
                ?>
                <label for="employment-name"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <input id="employment-name" name="employment[name]" type="text" class="form-control" maxlength="30" data-validate="required/alphabet/length(1,30)" 
                data-validate-message='<?php echo $message; ?>' />
            </div>
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.email');
                $message = _trans('employment_form.validate.email', array($label, 30));
                ?>
                <label for="employment-email"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <input id="employment-email" name="employment[email]" type="text" class="form-control" maxlength="100" data-validate="required/email/length(1,100)" 
                data-validate-message='<?php echo $message; ?>' />
            </div>
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.skype');
                $message = _trans('employment_form.validate.skype', array($label, 30));
                ?>
                <label for="employment-skype"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <input id="employment-skype" name="employment[skype]" type="text" class="form-control" maxlength="100" data-validate="required/length(1,100)" 
                data-validate-message='<?php echo $message; ?>' />
            </div>
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.telephone');
                $message = _trans('employment_form.validate.telephone', array($label, 30));
                ?>
                <label for="employment-telephone"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <input id="employment-telephone" name="employment[telephone]" type="text" class="form-control" maxlength="30" data-validate="required/numeric/length(1,30)" 
                data-validate-message='<?php echo $message; ?>' />
            </div>
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.introduce');
                $message = _trans('employment_form.validate.introduce', array($label, 30));
                ?>
                <label for="employment-introduce"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <textarea rows="5" id="employment-introduce" name="employment[introduce]" class="form-control" maxlength="150" data-validate="required/length(1,150)" 
                data-validate-message='<?php echo $message; ?>'></textarea>
            </div>
            <div class="form-group">
                <?php
                $label = _trans('employment_form.title.cv_resume');
                $message = _trans('employment_form.validate.cv_resume');
                ?>
                <label for="employment-cv-input"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
                <input id="employment-cv-input" name="file" type="file" accept="application/msword|application/pdf" />
                <input type="hidden" id="employment-cv" name="employment[cv]" data-validate="required" data-validate-message='<?php echo $message; ?>' />
                <button class="hidden" id="employment-btn-upload">Upload</button>
                <div id="upload-cv-progress" class="progress mgt5 hidden">
                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        0%
                    </div>
                </div>
            </div>
            <p class="pull-right">(<span class='red'><strong>※</strong></span>&nbsp;<i><?php echo _trans('validate.require'); ?>)</i></p>
            <div class="clearfix"></div>
            <button action="private-employment" type="button" id="btn-private-employment" class="btn btn-primary pull-right">
                <i class="glyphicon glyphicon-ok-sign"></i> 
                <?php echo _trans('title.submit'); ?>
            </button>
            <div class="clearfix"></div>
        </form>
    </div>
</div>
<?php get_footer(); ?>